<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>
    
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <title>show2</title>
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />
    <link href="css/font-icomoon.css" type="text/css" rel="stylesheet" />
    <link href="css/font-awesome.css" type="text/css" rel="stylesheet" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.css"/>
    <![endif]-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/smoothscroll.js"></script>
    <script type="text/javascript" src="js/jquery.ui.totop.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/ajax-mail.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
<!--top menu-->
<section id="top-menu">
    <div class="container">
        <div class="row">
        </div>
    </div>
</section>

<!--header-->
<header id="header">
    <div class="container">
        <div class="row header-top">
            <div class="span5 logo">
                <a class="logo-img" href="./index.html" title="responsive template"><img src="example/logo2.png" alt="时代阳光" /></a>
                <p class="tagline">时代阳光文化传播</p>
                <p class="guanggao">&nbsp;&nbsp;&nbsp;专注广告 &nbsp;&nbsp; 致力营销</p>
            </div>
            <div class="span6 daohang">
                <nav id="menu" class="clearfix">
                    <ul>
                        <li class="current"><a href="index"><span class="name">首页</span></a>
                        </li>
                        <s:iterator value="categoryList" var="category">
	                        <li>
	                        <s:if test="#category.isImageList">
	                        	<a href="details_image?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:if><s:else>
	                        	<a href="details_article?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:else>
	                            <ul>
	                                <s:iterator value="#category.categoryChilds" var="child">
	                               		<li>
	                               		<s:if test="#child.isImageList">
	                               			<a href="details_image?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                               		</s:if><s:else>
	                               			<a href="details_article?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                                	</s:else>
	                                	</li>
	                                </s:iterator>
	                            </ul>
	                        </li>
                        </s:iterator>
                        <li><a href="details_aboutus"><span class="name">阳光互动</span></a></li>
                    </ul>
                </nav>
            </div>
            <div class="span1 hidden-phone">
                    <section class="search clearfix">
                        <form id="search" class="input-append" />
                            <input class="span2" id="appendedInputButton" size="10" type="text" value="Search..." name="search site" onfocus="if(this.value=='Search...') this.value=''" onblur="if(this.value=='') this.value='Search...'" />
                            <input class="btn search-bt" type="submit" name="submit" value="" />
                        </form>
                    </section>
                </div>
        </div>        
    </div>
</header>



<!--container-->
<section id="container">
    <div class="container">
        <div class="row">
           <section id="page-sidebar" class="pull-left span8">
                
			<s:if test="#articleList!=NULL">
			<s:iterator value="articleList" var="article">
                <article class="blog-post" id="show2">
                    <div class="row">
                        <div class="span8">
                            <h3 class="post-title"><a href="./blog-single.html"><s:property value="title"/>&nbsp;&nbsp;&nbsp;报纸广告</a></h3>
                            <ul class="post-meta">
                                <li><i class="icon-calendar"></i> <a href="#">发布时间：<s:property value="date"/></a></li>
                                <li><i class="icon-user"></i> <a href="#">编号：<s:property value="id"/></a></li>
                                <li><i class="icon-list-alt"></i> <a href="#">所属类别：<s:property value="categoryChild.name"/></a></li>
                                
                            </ul>
                            <div class="post-media">
                                <img src="<s:property value="imgUrl"/>" alt="" />
                            </div>
                            <div class="post-content">
                                <p>
                                	<s:property value="description"/>
                                </p>
                                <p><a href="./blog-single.html" class="btn btn-large btn-welcome"><i class="icon-chevron-right"></i>阅读全文</a></p>
                            </div>
                        </div>
                    </div>
                </article>
                <hr />
			</s:iterator>
			</s:if>
			<s:else>
				暂时没有内容，敬请期待……
			</s:else>

                <!--pagination-->
                <div class="pagination pagination-centered">
                    <ul>
                        <li class="disabled"><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </section> 
            <!--sidebar-->
            <aside id="sidebar" class="pull-right span4">
                <section>
                    <h3 class="widget-title">分类展示</h3>
                    <div class="accordion" id="accordion2">
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">
                                    <i class="icon-minus icon-white"></i>
                                    全部
                                </a>
                            </div>
                            <div id="collapse1" class="accordion-body collapse in">
                                
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
                                    <i class="icon-plus icon-white"></i>
                                    报纸
                                </a>
                            </div>
                            <div id="collapse2" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <ul class="icons ul-list-2">
                                        <li><a href="#show1">影视</a></li>
                                        <li><a href="#show2">医药</a></li>
                                        <li><a href="#show3">旅游</a></li>
                                        <li><a href="#show4">汽车</a></li>
                                        <li><a href="#show5">通讯</a></li>
                                        <li><a href="#show6">房产</a></li>
                                        <li><a href="#show7">家电</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3">
                                    <i class="icon-plus icon-white"></i>
                                    电视
                                </a>
                            </div>
                            <div id="collapse3" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <ul class="icons ul-list-2">
                                        <li><a href="#show1">影视</a></li>
                                        <li><a href="#show2">医药</a></li>
                                        <li><a href="#show3">旅游</a></li>
                                        <li><a href="#show4">汽车</a></li>
                                        <li><a href="#show5">通讯</a></li>
                                        <li><a href="#show6">房产</a></li>
                                        <li><a href="#show7">家电</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse4">
                                    <i class="icon-plus icon-white"></i>
                                    电台
                                </a>
                            </div>
                            <div id="collapse4" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <ul class="icons ul-list-2">
                                        <li><a href="#show1">影视</a></li>
                                        <li><a href="#show2">医药</a></li>
                                        <li><a href="#show3">旅游</a></li>
                                        <li><a href="#show4">汽车</a></li>
                                        <li><a href="#show5">通讯</a></li>
                                        <li><a href="#show6">房产</a></li>
                                        <li><a href="#show7">家电</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                </section>
                              
                 <section class="popular-posts">
                    <h3 class="widget-title">最新服务</h3>
                    <div class="media">
                        <a class="pull-left" href="./blog-single.html">
                            <img class="media-object" src="example/sidebar2.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                        <div class="media-body1">
                            <h4 class="media-heading"><a href="./blog-single.html">阳光服务</a></h4>
                            <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                        </div>
                    </div>
                    <div class="media">
                        <a class="pull-left" href="./blog-single.html">
                            <img class="media-object" src="example/sidebar3.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="./blog-single.html">阳光服务</a></h4>
                            <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                        </div>
                    </div>
                    <div class="media">
                        <a class="pull-left" href="./blog-single.html">
                            <img class="media-object" src="example/sidebar4.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="./blog-single.html">阳光服务</a></h4>
                            <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                        </div>
                    </div>
                </section>
                <section>
                    <h3 class="widget-title">联系我们</h3>
                    <ul class="icons ul-list">
                        <li><a href="#">地址：山东省济南市。。。</a></li>
                        <li><a href="#">联系电话：1381234567</a></li>
                        <li><a href="#">邮箱：1234567@sina.com </a></li>
                        <li><a href="#">网址：www.sdygmedia.com</a></li>
                    </ul>
                </section>
                <section>
                    <h3 class="widget-title">特色</h3>
                    <div class="tags">
                        <a href="#"><i class="icon-tag icon-white"></i>创意</a>
                        <a href="#"><i class="icon-tag icon-white"></i>设计新颖</a>
                        <a href="#"><i class="icon-tag icon-white"></i>全面</a>
                        <a href="#"><i class="icon-tag icon-white"></i>用心营销</a>
                        <a href="#"><i class="icon-tag icon-white"></i>***</a>
                        <a href="#"><i class="icon-tag icon-white"></i>****</a>
                        <a href="#"><i class="icon-tag icon-white"></i>******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>***</a>
                        <a href="#"><i class="icon-tag icon-white"></i>*******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>*******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>*******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>*******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>****</a>
                        <a href="#"><i class="icon-tag icon-white"></i>*******</a>
                        <a href="#"><i class="icon-tag icon-white"></i>***</a>
                    </div>
                </section>
                <!--twitter -->
                <section id="twitter-sidebar">
                    <h3 class="widget-title">推广</h3>
                    <div class="twitter"></div>
                    <script type="text/javascript">
                        $(document).ready(function(){
                            $(".twitter").tweet({
                                join_text: "auto",
                                username: "twitter",
                                avatar_size:40,
                                count: 3,
                                auto_join_text_default: "we said,",
                                auto_join_text_ed: "we",
                                auto_join_text_ing: "we were",
                                auto_join_text_reply: "we replied",
                                auto_join_text_url: "we were checking out",
                                loading_text: "loading tweets..."
                            });
                        });
                    </script>
                </section>
                <section>
                    <h3 class="widget-title">阳光媒介</h3>
                    <div id="latestwork-sidebar" class="carousel slide">
                        <div class="carousel-inner">
                            <div class="active item"><img src="example/latest3.jpg" alt="photo" /></div>
                            <div class="item"><img src="example/latest4.jpg" alt="photo" /></div>
                            <div class="item"><img src="example/latest5.jpg" alt="photo" /></div>
                        </div>
                        <a class="carousel-control left" href="#latestwork-sidebar" data-slide="prev"></a>
                        <a class="carousel-control right" href="#latestwork-sidebar" data-slide="next"></a>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function(){
                            $('.carousel').carousel({
                                interval: 5000
                            })
                        });
                    </script>
                </section>
                <!--Flickr -->
                <section>
                    <h3 class="widget-title">阳光互动</h3>
                    <ul class="sidebar-flickr clearfix"></ul>
                </section>

            </aside>
        </div>
    </div>
</section>

<!--footer-->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p><img src="example/logo2.png" alt="" /></p>
                <address>
                    <p><i class="icon-map-marker"></i> 地址 </p>
                    <p><i class="icon-phone"></i> (123) 456-7890</p>
                    <p><i class="icon-mobile-2"></i> (123) 456-7890</p>
                    <p><i class="icon-mail-3"></i> <a href="mailto:#">sdygmedia@126.com</a></p>
                </address>
            </div>
           
            <div class="span4">
                <p class="heading">关于我们</p>
                <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                
            </div>
            <div class="span4">
                <p class="heading">济南时代阳光文化传播有限公司</p>
                <ul class="footer-navigate">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="#">阳光服务</a></li>
                    <li><a  href="#">阳光媒介</a></li>
                    <li><a href="#">阳光案例</a></li>
                    <li><a href="#">阳光互动</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<!--footer menu-->
<section id="footer-menu">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p class="copyright">Copyright &copy; 2014.济南时代阳光 &nbsp;&nbsp;版权所有</p>
            </div>
            <div class="span8 hidden-phone">
                <ul class="pull-right">
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Sitemap</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
